<template>
  <div>
    App.vue
    <div>-------Demo5组件表单绑定--------</div>
    <Demo5 />
    
    <div>-------Demo6组件表单绑定--------</div>
    <Demo6 v-if="flag" />
    <button @click="flag = !flag">改变flag</button>
    
    <div>-------Demo7组件库使用--------</div>
    <Demo7 />
  </div>
</template>

<script setup>
import Demo5 from '@/views/demo5.vue'
import Demo6 from '@/views/demo6.vue'
import Demo7 from '@/views/demo7.vue'

import {ref} from 'vue'
const flag = ref(true)
</script>

<style scoped>
div {
  color: blue;
}
</style>